html,
body{
	height: 100%;
	width:100%;
	padding: 0;
	margin: 0;
}
h1,
h2,
h3,
h4{
	padding: 0;
	margin: 0;
}

/*page1*/
.page1.content{
	width: 100%;
}
.page1.content .msg{
	margin-top: 0.413333rem;
	height: 0.96rem;
	line-height: 0.96rem;
}
.page1.content .msg .pic{
	height: 0.96rem;
	width: 0.96rem;
	background: #F6BF26;
	border-radius: 50%;
	font-size: 0.42666667rem;
	text-align: center;
	line-height: 0.96rem;
	color: #fff;
	font-family: "微软雅黑";
	margin-left: 0.32rem;
	display: inline-block;
	overflow: hidden;
	float: left;
	margin-right: 0.2rem;
}

.page1.content .avatar1 {
	width: 100%;
	height: 100%;
}
.page1.content .avatar2 {
	display: block;
	height: 0.96rem;
	width: 0.96rem;
	text-align: center;
}

.page1.content .msg span{
	display: inline-block;
	float: left;;
	font-size: 0.2933333rem;
	line-height: 0.96rem;
	color: #576B95;
	font-weight: bold;
}
.page1.content .word{
	width: 9.066667rem;
	font-size: 0.42666667rem;
	padding: 0.306667rem 0.4666667rem;
	color: #333333;
	font-family: 'PingFang SC';
	line-height: 0.8266667rem;
}
.page1.content .info-content{
	padding: 0.293333rem 0.32rem 0.373333rem;
	border-bottom: 1px solid #E5E5E5;
}
.page1.content .info{
	padding:0.24rem 0.253333rem 0.173333rem;
	box-sizing: border-box;
	color: #8F96A3;
	font-size: 0.4266667rem;
	border: 1px solid #E5E5E5;
	border-radius: 0.106667rem;
}
.page1.content .date{
	padding: 0 0.32rem 0.373333rem;
	height: 1.066667rem;
}
.page1.content .date .left{
	display: inline-block;
}
.page1.content .date .left>span{
	font-size: 0.2933333rem;
	line-height: 0.8533333rem;
}
.page1.content .date .right{
	float: right;
}
.page1.content .date .right>span{
	font-size: 0.2933333rem;
	line-height: 0.8533333rem;
}
.page1.content .gojiansou{
	margin-top: 0.533333rem;
	text-align: center;
}
.page1.content .gojiansou>span{
	display: inline-block;
	width: 9.36rem;
	height: 1.3333rem;
	line-height: 1.3333rem;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#24A0FF), to(#4EB3FF));
	color: #fff;
	font-size: 0.373333rem;
	border-radius: 0.0533333rem;
	font-family:'PingFang-SC-Medium';
}


/*page2*/
.page2.content .title{
	height: 1.6rem;
	padding: 0 0.4533333rem 0 0.33333rem;
}
.page2.content .title .left{
	display: inline-block;
	line-height: 1.6rem;
}
.page2.content .title .left img{
	width: 1.8533333rem;
	height: 0.56rem;
}
.page2.content .title .right{
	float: right;
	font-size: 0.373333rem;
	line-height: 1.6rem;
}
.page2.content .title .right>span{
	border: 1px solid #5F9AFE;
	display: inline-block;
	width: 1.86667rem;
	height: 0.733333rem;
	line-height: 0.733333rem;
	text-align: center;
	color: #5F9AFE;
}
.page2.content .main{
	margin-top: 0.72rem;
	/*border-top: ;*/
}
.page2.content .main h3{
	font-size: 0.613333rem;
	width: 8.48rem;
	font-weight: bold;
	color: #333;
	margin-left: 0.44rem;
}
.page2.content .main .sourse{
	height: 1.56rem;
	line-height: 1.56rem;
}
.page2.content .main .sourse>span{
	display: inline-block;
	font-size: 0.3466667rem;
	margin-left: 0.45333rem;
	vertical-align: middle;
}
.page2.content .main .sourse>span:nth-child(2){
	margin-left: 0;
	color: #4287FF;
	text-decoration: underline;
}
.page2.content .main .sourse .time{
	float: right;
	color: #B3B3B3;
	font-size: 0.32rem;
	margin-right: 0.493333rem;
}
.page2.content .main .main-cont{
	padding: 0 0.493333rem;
}
.page2.content .main .main-cont p{
	font-size: 0.4266667rem;
	color: #333;
	line-height: 0.8533333rem;
}
.page2.content .main .main-cont img{
	width: 9.12rem;
	height: 5.0533333rem;
}
/*page3*/
.page3.content{
	background: #F4F4F4;
	height: 100%;
}
.page3.content .manage{
	height: 0.933333rem;
	line-height: 0.933333rem;
}
.page3.content .manage span{
	display: inline-block;
	font-size: 0.3466667rem;
	color: #737373;
	margin-left: 0.46666rem;
	vertical-align: middle;
}
.page3.content .manage .ic{
	float: right;
	background: url('../img/more.png');
	width: 0.16rem;
	height: 0.266667rem;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-top: 0.3333rem;
	margin-right: 0.4133333rem;
}
.page3.content .main-content .item{
	padding: 0.4rem 0.373333rem 0 0.46667rem;
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
}
.page3.content .main-content .item .left,
.page3.content .main-content .item .right{
	float: left;
}
.page3.content .main-content .item .right{
	margin-left: 0.2266667rem;
}
.page3.content .main-content .item .left .head{
	width: 1.066667rem;
	height: 1.066667rem;
	line-height: 1.066667rem;
	background: #F6BF26;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 0.426666rem;
}
.page3.content .main-content .item .right .user{
	display: block;
	margin-top: 0.2rem;
	margin-bottom: 0.213333rem;
}
.page3.content .main-content .item .right span{
	font-size: 0.373333rem;
	color: #576B95;
	height: 0.12rem;
	line-height: 0.12rem;
}
.page3.content .main-content .item .right>p{
	font-size: 0.3733333rem;
	color: #333333;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0.25333rem;
}
.page3.content .main-content .item .right .words{
	background: #F3F3F5;
	width: 7.86667rem;
}
.page3.content .main-content .item .right .words img{
	display: inline-block;
	width: 1.066667rem;
	height: 1.06667rem;
	margin:0.133333rem 0 -0.13333rem 0.13333rem;
}
.page3.content .main-content .item .right .words p{
	font-size: 0.3466667rem;
	color: #333333;
	line-height: 0.346667rem;
	display: inline-block;
	width: 6.31334rem;
	margin-top: -0.1rem;
	vertical-align: middle;
}
.page3.content .main-content .item .right .comment{
	margin-top: 0.3066667rem;
	height: 1.06667rem;
	background: #fff;
	border-top: 1px solid #F4F4F4;
}
.page3.content .main-content .item .right .comment span{
	color: #737373;
}
.page3.content .main-content .item .right .comment .like{
	float: right;
}
.page3.content .main-content .item .right .comment .like span{
	vertical-align: middle;
}
.page3.content .main-content .item .right .comment .like span:first-child{
	background: url('../img/like2.png');
	width: 0.555555rem;
	height: 0.555555rem;
	display: inline-block;
	background-size: 100% 100%;
}
.page3.content .main-content .item .right .comment .like span:nth-child(3){
	background: url('../img/msg.png');
	width: 0.555555rem;
	height: 0.555555rem;
	display: inline-block;
	background-size: 100% 100%;
}
.page3.content .main-content .item .right .comment .like span:nth-child(2){
	margin-right: 0.6666667rem;
}
.page3.content .main-content .item .right .comment .like span:nth-child(2),
.page3.content .main-content .item .right .comment .like span:nth-child(4){
	font-size: 0.293333rem;
	color: #737373;
}
.page3.content .main-content .item .right .dis{
	margin-top: 0.293333rem;
	position: relative;
}
.page3.content .main-content .item .right .dis .jiao{
	position: absolute;
	width: 4px;
	height: 1rem;
	background: red;
	top: 0;
	left: 0;
	/*left: 0.16rem;*/
	-webkit-transform: rotateX(90deg);
}
.page3.content .main-content .item .right .dis ul,
.page3.content .main-content .item .right .dis ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.page3.content .main-content .item .right .dis ul{
	margin-bottom: 0.24rem;
}
.page3.content .main-content .item .right .dis ul li{
	background: #F3F3F5;
	font-size: 0.3733333rem;
	height: 0.666667rem;
	line-height: 0.666667rem;
	padding-left: 0.226667rem;
}
.page3.content .main-content .item .right .dis ul li:first-child span{
	display: inline-block;
	height: 0.28rem;
	width: 0.24rem;
	background: url('../img/like1.png');
	background-size: 100% 100% ;
	margin-right: 0.0933333rem;
}
.page3.content .main-content .item .right .dis ul li .nei{
	color: #333;
}

/*page4*/
.page4.content{
	height: 100%;
	background: #F4F4F4;
}
.page4.content .item{
	height: 5.0666667rem;
	background: #F4F4F4;
	padding: 0 0.32rem;
}
.page4.content .item>p{
	margin: 0;
	height: 1.33333rem;
	font-size: 0.32rem;
	color: #999999;
	text-align: center;
	line-height: 1.33333rem;
}
.page4.content .item .cont{
	padding: 0.32rem 0 0 0.32rem;
	background: #fff;
}
.page4.content .item .cont>p{
	margin: 0;
	color: #000;
	font-size: 0.3466667rem;
}
.page4.content .item .cont>span{
	display: block;
	color: #999999;
	font-size: 0.266667rem;
	margin: 0.12rem 0;
}
.page4.content .item .cont .word{
	width: 8.56rem;
	font-size: 0.34666667rem;
	color: #666;
	padding-bottom: 0.4rem;
}
.page4.content .item .cont .word>img{
	display: block;
	height: 4rem;
	width: 8.6933333rem;
	margin-top: 0.453333rem;
}

/*mymsg*/
.mymsg.page3.content{
	background: #fff;
}
.mymsg.page3.content .main-content .item .right .box{
	height: 0.48rem;
}
.mymsg.page3.content .main-content .item .right .user{
	float: left;
}
.mymsg.page3.content .main-content .item .right .chart{
	color: #333333;
	float: left;
	height: 0.373333rem;
	line-height: 0.373333rem;
	margin-left: 0.18666665rem;
	margin-top: 0.1rem;
}
.mymsg.page3.content .main-content .item .right .artical{
	float: right;
	width: 1.33333rem;
	height: 0.48rem;
	line-height: 0.48rem;
	background: #EFF6FF;
	text-align: center;
	color: #576B95;
	font-size: 0.32rem;
}
.mymsg.page3.content .main-content .item .right>p{
	text-align: left;
	/*margin: 0;*/
	margin-top: 0.12rem;
	color: #737373;
}
.mymsg.page3.content .main-content .item .right .words.nopic>p{
	width: 100%;
	margin-top: 0.253333rem;
	/*line-height: 0.6666667rem;*/
}
.mymsg.page3.content .main-content .item .right .comment{
	/*width: ;*/
	line-height: 0.44rem;
	height: 0.44rem;
	font-size: 0.293333rem;
	width: 7.866667rem;
	border: none;
}
